.customer-list{
  width:100%;
  display:flex;
  flex-direction: column;
  .list-title{
    font-size:16PX;
    color:#4A4A4A;
    margin-top:10PX;
    margin-left:10PX;
  }
  .list-body{
    margin:10PX 10PX;
    width:95%;
    height:214PX;
    display:flex;
    flex-direction: column;
    font-size:13PX;
    border-radius: 5PX;
    -moz-box-shadow: 2px 2px 5px #C0C4CC;
        -webkit-box-shadow: 2px 2px 5px #C0C4CC;
        box-shadow: 2px 2px 5px #C0C4CC;
    .customer-list-one{
      display:flex;
      flex-direction: row;
      margin:12PX 12PX 0PX 12PX;
      height:42PX;
      align-items: center;
      .already-sub-cum{
        display:flex;
        flex-direction: row;
        justify-content: flex-end;
      }
      .already-sub-color{
        color:#81D9E2;
      }
      .make-sub-color{
        color:#6FC1F3;
      }
      .come-sub-color{
        color:#FAA24B;
      }
      .done-sub-color{
        color:#F96470;
      }
      .lose-sub-color{
        color:#999999;
      }
      .arrow-con{
        display: flex;
        align-items: center;
        justify-content: flex-end;
        .arrow-img{
          width:7PX;
          height:12PX;
        }
      }
    }
    .customer-list-one-divider{
      border-bottom:1px solid #F1F1F1;
    }
  }
}
